﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeBehind="main.aspx.cs" Inherits="HYSoft.Web.main" %>
<%@ Register Src="~/Controls/menu.ascx" TagName="Menus" TagPrefix="uc3" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<title>地质灾害物联网监测系统远程控制平台</title>
 <style type="text/css">
 .banner
{
    border: #ccc 1px solid;
    width: 1400px;
    margin-top: 38px;
    height: 400px;
}
.big-image
{
    border-bottom: solid 1px #ccc;
    width:100%;
    height:100%;
}
.small-image
{
    padding: 5px 14px 5px 14px;
    border-right: solid #ccc 1px;
    width:12%;
    float: left;
    opacity: 0.7;
}
.no-border
{
    border-right: none;
}
.small-image:hover
{
    opacity: 1;
}
    </style>
    <script src="JS/jquery-1.8.2.js" type="text/javascript"></script>
 <script type="text/javascript">
     $(function () {
         $(".small-image").mouseenter(function () {
             var _self = this;
             $(".big-image").fadeOut(500, function () {
                 $(this).attr("src", $(_self).attr("src").replace("small", "big"));
                 $(this).fadeIn(500);
             });
         });
     });
 </script> 
   
</asp:Content>
<asp:Content  ID="Content2" ContentPlaceHolderID="contentPlaceHolderMenu" runat="server">
    <uc3:Menus ID="Menu1" runat="server" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="contentPlaceHolderMain" runat="server">
 <div class="banner frame">
        <img src="Images/big/1.jpg" class="big-image" />
        <img src="Images/small/1.jpg" class="small-image" />
        <img src="Images/small/2.jpg" class="small-image" />
        <img src="Images/small/3.jpg" class="small-image" />
        <img src="Images/small/4.jpg" class="small-image" />
        <img src="Images/small/5.jpg" class="small-image" />
        <img src="Images/small/6.jpg" class="small-image" />
        <img src="Images/small/7.jpg" class="small-image no-border" />
    </div>

</asp:Content>
